import { Component,Input,Output,EventEmitter } from '@angular/core';

@Component({
  selector: 'nova-tab',
  templateUrl: './tab.component.html',
  styleUrls: ['./tab.component.scss']
})
export class TabComponent {
  /**
   * <nova-tab *ngFor="let tab of tabs" [label]="tab.label">{{tab.value}}</nova-tab>
   * 获取父组件传过来的值  [label]="tab.label"
   */
  @Input("label")label = ""
  /**
   *  isShow 控制显示与隐藏
   */
  @Input()
  isShow!:boolean;
  /**
   *  声明一个事件对象，来接收父组件传递的事件
   */
  @Output("onToggle")onToggle:EventEmitter<string> = new EventEmitter()
  toggle(){
    this.isShow = !this.isShow

    /**
     *   向父组件发送参数
     */
    this.onToggle.emit(this.label)
  }
  close(){
    this.isShow=false
  }
  open(){
    this.isShow=true
  }
}
